<template>
  <div class="page">
    <div class="containerInner">
      <div class="wrapper">
        <div class="header">
          <div class="group">
            <img
                class="iconUser"
                src="../assets/img/img_0.png"
            />
            <span class="chime">Pistachio</span>
          </div>
          <!--          导航栏提取-->
          <Navigation></Navigation>
          <!--          登陆注册栏提取-->
          <LoginBar class="login-bar"></LoginBar>
        </div>
        <div class="search">
<!--          <el-input placeholder="搜索单曲、歌手" v-model="content" class="input-with-select">-->
<!--            <el-button slot="append" icon="el-icon-search"></el-button>-->
<!--          </el-input>-->
          <SearchBar></SearchBar>
        </div>
        <div class="body">
          <div class="front">

            <el-empty :image-size="200"></el-empty>

          </div>


        </div>

      </div>
    </div>
  </div>
</template>
<script>
import Navigation from "@/components/Navigation";
import LoginBar from "@/components/LoginBar";
import SearchBar from "@/components/SearchBar";



export default {
  components: {
    Navigation,
    LoginBar,
    SearchBar,

  },
  data() {
    return {
      content: '',
      search: ''
    }
  },
  methods: {
    handleEdit(index, row) {
      console.log(index, row);
    },
    handleDelete(index, row) {
      console.log(index, row);
    }
  },


}
</script>

<style src="./css/Shop.css" scoped/>
;
